{OVERALL_HEADER}
<script language="JavaScript"> 
function openDir( form ) { 
	var newIndex = form.cats.selectedIndex; 
		url = form.cats.options[ newIndex ].value; 
		window.location.assign( url ); 
}
</script>
<table width="964px" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td width="5px">
		</td>
		<td height="20px" width="733" align="left">
			<span class="title1">{LANG_PROJECTSU}</span>
		</td>
		<td>
		</td>
	</tr>
	<tr height="5px">
		<td >
		</td>
		<td>
		</td>
		<td>
		</td>
		
	</tr>
	<tr>
		<td width="5px">
		</td>
		<td valign="top">
			<table width="100%" cellpadding="0" cellspacing="1" border="0" class="tablelist">
		        <tr>
			          <th width="40%" nowrap="nowrap" align="left" height="18" style="padding-left:5px;">{LANG_PROJNAME}</th>
			          <th width="6%" nowrap="nowrap">{LANG_BIDS}</th>
			          <th width="30%" nowrap="nowrap" align="left" style="padding-left:5px;">{LANG_JOBTYPE}</th>
			          <th width="12%" nowrap="nowrap">{LANG_STARTED}</th>
			          <th width="12%" nowrap="nowrap">{LANG_ENDS}</th>
		        </tr>
			  {LOOP: PROJECTS}
				<tr align="center" class="featurerow_{PROJECTS.property}">
				    <td align="left" style="padding-left:5px;"class="featurerow_{PROJECTS.property}"><a href="{PROJECTS.link}">{PROJECTS.title}</a> IF("{PROJECTS.featured}"=="1"){&nbsp; <a href="#" class="featured">{LANG_FEATURED}</a>{:IF} IF("{PROJECTS.urgent}"=="1"){&nbsp; <a href="#" class="urgent">{LANG_URGENT}</a>{:IF}</td>
				    <td lass="featurerow_{PROJECTS.property}">{PROJECTS.bids}</td>
				    <td align="left" style="padding-left:5px;" lass="featurerow_{PROJECTS.property}">{PROJECTS.types}</td>
				    <td lass="featurerow_{PROJECTS.property}">{PROJECTS.startdate}</td>
				    <td lass="featurerow_{PROJECTS.property}">{PROJECTS.enddate}</td>
				</tr>
			  {/LOOP: PROJECTS}
			  <tr>
			    <td colspan="5"><br>
			      <strong>{LANG_PAGES}:</strong> {LOOP: PAGES}<a href="{PAGES.link}">{PAGES.title}</a> {/LOOP: PAGES}<br></td>
			  </tr>
			</table>
		</td>
		<td align="right"  valign="top">
			<div class="mag_v_category">
	      		<div class="mag-main-v_category">
	      			<div class="title_mag-main-v_category">      		 
	      				PROJECT CATEGORIES
	      			</div> 
	      			<table cellpadding="0" cellspacing="0" border="0" width="100%">
	      				<tr>
	      					<td width="153px">
	      						<div class="row1_mag-main-v_category">
	      							<a href="{SITEURL}projects.php"><strong>All Projects</strong><img src="templates/{TPL_NAME}/images/mag_dot.gif" width="7" height="7" alt="" border="0" hspace="0" vspace="0"></a>
	      						</div>
	      						{LOOP: CATEGORIES}
		      						<div class="row1_mag-main-v_category">
		      							<a href="{SITEURL}projects.php?cat={CATEGORIES.id}"><strong>{CATEGORIES.name} <img src="templates/{TPL_NAME}/images/mag_dot.gif" width="7" height="7" alt="" border="0" hspace="0" vspace="0"></strong></a>
		      						</div>
	      						{/LOOP: CATEGORIES}      						
	      						<div class="row1_mag-main-v_category">
	      							 <img src="templates/{TPL_NAME}/images/mag_dot.gif" width="7" height="7" alt="" border="0" hspace="0" vspace="0">
	      						</div>
	      						<div class="row1_mag-main-v_category">
	      							 <img src="templates/{TPL_NAME}/images/mag_dot.gif" width="7" height="7" alt="" border="0" hspace="0" vspace="0">
	      						</div>
	      						<div class="row1_mag-main-v_category">
	      							 <img src="templates/{TPL_NAME}/images/mag_dot.gif" width="7" height="7" alt="" border="0" hspace="0" vspace="0">
	      						</div>
	      						<div class="row1_mag-main-v_category">
	      							 <img src="templates/{TPL_NAME}/images/mag_dot.gif" width="7" height="7" alt="" border="0" hspace="0" vspace="0">
	      						</div>
	      						<div class="row2_mag-main-v_category">
	      							<img src="templates/{TPL_NAME}/images/mag_dot.gif" width="7" height="7" alt="" border="0" hspace="0" vspace="0">
	      						</div>
	      					</td>
	      					<td>
	      						<img src="templates/{TPL_NAME}/images/mag_right.gif" width="37" height="211" alt="" border="0" hspace="0" vspace="0">
	      					</td>
	      				</tr>
	      			</table>
	      		</div>
	      		<script type="text/javascript">
<!--
 
//-->
	function onsubmit(object)
	{
		document.myform.submit();
	}
	function forcusobj(obj,str)
	{
		if(obj.value == str)
		{		
			obj.value="";
		}
	}
	function lostforcusobj(obj, str)
	{
		if(obj.value == "")
		{		
			obj.value=str;
		}
	}
</script>
      		<div class="mag-main-v_category" style="text-align: right;">
      			<div class="title_mag-main-v_category">      		 
      				SEARCH PROJECT
      			</div>
      			<div style="background-color: #fff; width: 100%">
      				<input type="text" style="width:180px;height:27px" value="Search Project" onfocus="return forcusobj(this,'Search Project');" onblur="return lostforcusobj(this,'Search Project')">
      				<a href="#"><input type="image" src="templates/{TPL_NAME}/images/home_search.gif"></a>
      			</div> 
      		</div>	
	      	</div>	
		</td>
	</tr>
</table>
{OVERALL_FOOTER}